<template>
    <div id="temp">
        <mt-header fixed title="党组织架构"></mt-header>
            <div class="team-body">
                <div class="team-box" v-for="item in list">
                    <h2>党委</h2>
                    <ul>
                        <li>
                            <span>书记</span>
                            <p>
                                <em>{{item.name}}</em>
                            </p>
                        </li>
                        <li>
                            <span>副书记</span>
                            <p>
                                <em>{{item.namel}}</em>
                            </p>
                        </li>
                        <li>
                            <span>常委</span>
                            <p>
                                <em>{{item.names}}</em>
                            </p>
                        </li>
                    </ul>
                </div>
                <!--循环遍历模块 -->
                <div class="team-box" v-for="items in lists">
                    <h2>{{items.title}}</h2>
                    <ul>
                        <li>
                            <span>{{items.branchSecretary}}</span>
                            <p>
                                <em>{{items.name}}</em>
                            </p>
                        </li>
                        <li>
                            <span>{{items.menNub}}</span>
                            <p>
                                <em>{{items.get}}</em>
                            </p>
                        </li>
                        <li>
                            <span>{{items.boge}}</span>
                            <p>
                                <em>{{items.ge}}</em>
                                <em>{{items.bo}}</em>
                            </p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

</template>
<script>
    //    按需导入访问错误
    import { Toast } from 'mint-ui';
    import kit from '../../kits/apikit.js'
    export default {
          data(){
              return{
                  list:[],
                  lists:[]
              }
          },
        created(){
              this.getNewsList();
            this.getNewsLists();
        },
        methods:{
              getNewsList(){
                  this.list=[
                      {
                          name:"郭永航",
                          namel:"姚奕生 赵建国",
                          names:"龚海明 曾祥华 张强 王庆利 龙广艳 吴轼 郭才武 祝青桥 毕敦发"
                      }
                  ]
              },
            getNewsLists(){
                  this.lists=[
                      {
                          title:"香洲区党支部",
                          branchSecretary:"支部书记",
                          name:"王小明",
                          menNub:"人员数",
                          get:"60人",
                          boge:"性别区分",
                          ge:"男45人",
                          bo:"女15人"
                      },
                    {
                      title:"香洲区党支部",
                      branchSecretary:"支部书记",
                      name:"王小明",
                      menNub:"人员数",
                      get:"60人",
                      boge:"性别区分",
                      ge:"男45人",
                      bo:"女15人"
                    },
                  ]
            }
            // getactitylist(){
            //     var url = kit.apikit+'type=getnewslist';
            //     this.$http.get(url).then(function(res){
            //         var body=res.body;
            //         if(body.status!=0){
            //             Toast(body.messge);
            //             return;
            //         }
            //         this.list=body.message;
            //     });
            // }
        }
    }
</script>
<style scoped>
.mint-header{
    height: .9rem;
    background-color: #4284D8;
    font-size: .35rem;
}
</style>
